// pages/detail/detail.js

// 引入request模块
const {default:request}=require("../../utils/request")

Page({

  /**
   * 页面的初始数据
   */
  data: {
   
     // 声明 info变量  里面存储单个菜品的所有数据
     info:null,
     // 用来切换商品详情 用户评价
     current:0,
     // 用一个列表 存储所有的评论数据
     commentList:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 获取从 index.js 传递过来的参数
    // options里面存的是从外界传递过来的参数
    console.log(27,options)
    // 设置页面标题文字
    wx.setNavigationBarTitle({
      title: options.name,
    })
  // 获取单个手机信息
  this.getDetailInfo(options.id)
  // 获取评论数据
  this.getCommentInfo()
},
getDetailInfo(id){
  // 通过id请求接口 获取数据
  request({
    url:`/todaylist/${id}`,
   }).then(res=>{
    //  console.log(42,res)
      this.setData({
        info:res
   })
    })
  
},
getCommentInfo(){
  //从接口中获取评论数据
  request({
      url:"/comments/"
     }).then(res=>{
        // console.log(50,res)
        this.setData({
            commentList:res
        })
         })
     },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
  handleTap(e){
    // 处理图片点击事件
    // 点击图片 实现全屏观看
    // 通过wxml 拿到 当前点击图片的列表
    console.log(112,e)
    // 获取当前点击图片的信息
    var current=e.currentTarget.dataset.current
    wx.previewImage({
      // 当前显示图片的链接
      urls:current,
      // 在slides前面要加上http://localhost:5001
      urls:this.data.info.slides.map(item=>`http://localhost:5001${item}`)
    })
  },

  handleActive(e){
    // 获取一个变量 index
    console.log(125,e.currentTarget.dataset.index)
    // 将获取到的 index 存储在 current 中
    this.setData({
      current:e.currentTarget.dataset.index
    })
  },
})